﻿/*头部*/
.header_new{position: absolute;z-index: 5;left: 50%;transform: translateX(-50%);width: 100%;}
.header_new .hf {width: 100%;}
.main_header{ height:90px;width: 80%;margin: 0 auto;} 
.main_header_In{ margin:0 auto;}
.main_header .logo{ margin-top:15px;*width:460px;}
.main_header .logo img{ width: 80%;}
.main_header .logo_r{  float:right; margin-left:15px; margin-top:-3px;}
.main_header .logo_r li{ font-size: 18px;font-weight: bold;line-height: 30px;}
.main_header .logo_r li{display: inline-block;}
.main_header .logo_r li:first-child{display: block;}
.main_header .logo a{ color:#fff;*float:left}
.main_header .header_right{ margin-left:70px;_margin-left:60px}
.main_header .header_right li{color: #24a7e1;font-size:18px;display:block;height:90px;line-height:90px;padding:0 25px;float:left;}
.main_header .header_right li a{color: #24a7e1;}
.logo_r li a:hover, .header_right li a:hover{ color:#fff; text-decoration:underline;}
.main_header li .line_1{
 float: none;
 font-size: initial;
 height: auto;
 line-height: inherit;
 color: #24a7e1;
}

@media only screen and (max-width:1400px){
   .header_new {
 width: 90%;
   }
 } 

@media only screen and (max-width:768px){
.main_header .logo {
 margin: 15px 0 0;
 text-align: center;
 
 }
 .main_header .header_right{
  margin-left: 0px;
 }
 .header_right a.login,.header_right .register {
  background:transparent;
  margin: 30px 4px 0;
  
 }

 .header_new{
   width: 90%;
 }
 .main_header{
   width: 100%
 }
 .main_header .logo img {
 width: 280px;
}
.main_header .header_right li.pho_no{
   display: none;
   }
} 
@media only screen and (max-width: 560px){
   .header_new .hf{
   display:none;
   }
   .main_header .header_right{
   width: 100%;
   }
   .main_header .header_right li{
   height:70px;
   line-height: 70px;
   padding: 0;
   width: 33%;
   }
   .con_text{
   margin: 0 auto;
   position: inherit;
   transform: inherit;
   }
   
   .content_wrapper{
   padding-top: 150px;
   }
   .menu_wrapper {
 position: inherit;
 margin-top: 30px;
 }
}
  